label {
    display: block;
    font:400 16px "微软雅黑";
    margin-bottom: 10px;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-bottom: 12px;
    text-indent: .01px;
    text-overflow: '';
    overflow: hidden;
    font-family: inherit;
    font-size: 14px;
    box-sizing:border-box;
    padding: 10px 15px;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    outline: none;
    background:
      linear-gradient(45deg, transparent 50%, rgba(0, 0, 0, 0.7) 50%)
        no-repeat calc(100% - 20px) calc(1em + 4px),
      linear-gradient(135deg, rgba(0, 0, 0, 0.7) 50%, transparent 50%)
        no-repeat calc(100% - 15px) calc(1em + 4px);
    background-size: 5px 5px, 5px 5px;
    &:focus {
      border: 1px solid rgba(0, 0, 0, 0.4);
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    }
  }